Ext.define('HRMobile.view.employeeDetails.ContactDetailsForm', {
	extend : 'Ext.form.Panel',
	config : {
		border : true,
		style : 'border-left-style: solid;',
		defaults : {
			xtype : 'fieldset',
			defaults : {
				xtype : 'textfield',
				readOnly : true,
				labelWidth: Ext.os.is.Phone?'40%':'30%',
				labelWrap: true
			}
		},
		items : [ {
			title : 'Contact Details',
			items : [ {
				label : 'Address 1:',
				name : 'empStreet1',
			}, {
				label : 'Address 2:',
				name : 'empStreet2',
			}, {
				label : 'Zip/Postal Code:',
				name : 'empZipcode',
			}, ]
		}, {
			items : [ {
				label : 'Province / City:',
				name : 'empProvince',
			}, {
				label : 'District:',
				name : 'empDistrict',
			} ]
		}, {
			defaults : {
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				defaults : {
					xtype : 'textfield',
					readOnly : true,
					labelWidth: Ext.os.is.Phone?'55%':'30%',
					labelWrap: true
				}
			},
			items : [ {
				items : [ {
					label : 'Home Phone:',
					name : 'empHmTelephone',
					flex : 1
				}, {
					id : 'btnDetailsCallHome',
					width: 45,
					margin : 10,
					xtype : 'component'
				} ]
			}, {
				items : [ {
					label : 'Mobile Phone:',
					name : 'empMobile',
					flex : 1
				}, {
					id : 'btnDetailsCallMobile',
					width: 45,
					margin : 10,
					xtype : 'component'
				} ]
			}, {
				items : [ {
					label : 'Work Phone:',
					name : 'empWorkTelephone',
					flex : 1
				}, {
					id : 'btnDetailsCallWork',
					width: 45,
					margin : 10,
					xtype : 'component'
				} ]
			} ]
		}, {
			defaults : {
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				defaults : {
					xtype : 'textfield',
					readOnly : true,
					labelWidth: Ext.os.is.Phone?'55%':'30%',
					labelWrap: true
				}
			},
			items : [ {
				items : [ {
					label : 'Work Email:',
					name : 'empWorkEmail',
					flex: 1
				},	{
					xtype : 'button',
					ui : 'action',
					margin: 10,
					iconMask: true,
					iconCls: 'mail',
					handler : function() {
						window.location = "mailto:"+Ext.getCmp('pnlEmployeeDetails').getValues().empWorkEmail;
					},
					width: 45

				} ]
			}, {
				items : [ {
					label : 'Other Email:',
					name : 'empOthEmail',
					flex: 1
				},	{
					xtype : 'button',
					ui : 'action',
					margin: 10,
					iconMask: true,
					iconCls: 'mail',
					handler : function() {
						window.location = "mailto:"+Ext.getCmp('pnlEmployeeDetails').getValues().empOthEmail;
					},
					width: 45

				} ]
			} ]
		} ]
	}
});